﻿$(function() {
			
        $('#sdt_menu > li').bind('mouseenter',function(){
			var $elem = $(this);
			$elem.find('img')
				 .stop(true)
				 .animate({
					'width':'125px',
					'height':'125px',
					'left':'40px'
				 },400,'easeOutBack')
				 .andSelf()
				 .find('.sdt_wrap')
			     .stop(true)
				 .animate({'top':'100px'},500,'easeOutBack')
				 .andSelf()
				 .find('.sdt_active')
			     .stop(true)
				 .animate({'height':'170px'},300,function(){
				var $sub_menu = $elem.find('.sdt_box');
				if($sub_menu.length){
					var left = '125px';
					if($elem.parent().children().length == $elem.index()+1)
						left = '-125px';
					$sub_menu.show().animate({'left':left},200);
				}	
			});
		}).bind('mouseleave',function(){
			var $elem = $(this);
			var $sub_menu = $elem.find('.sdt_box');
			if($sub_menu.length)
				$sub_menu.hide().css('left','0px');
			
			$elem.find('.sdt_active')
				 .stop(true)
				 .animate({'height':'0px'},300)
				 .andSelf().find('img')
				 .stop(true)
				 .animate({
					'width':'0px',
					'height':'0px',
					'left':'62px'},400)
				 .andSelf()
				 .find('.sdt_wrap')
				 .stop(true)
				 .animate({'top':'20px'},500);
		});
    });